﻿<UserControl x:Class="SilverlightPlayer.PlaylistItem"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows">
    <Border x:Name="LayoutRoot" MouseEnter="LayoutRoot_MouseEnter" MouseLeave="LayoutRoot_MouseLeave" MouseMove="LayoutRoot_MouseMove" MouseLeftButtonDown="LayoutRoot_MouseLeftButtonDown" MouseLeftButtonUp="LayoutRoot_MouseLeftButtonUp" >
    	<vsm:VisualStateManager.VisualStateGroups>
    		<vsm:VisualStateGroup x:Name="MouseStates">
    			<vsm:VisualStateGroup.Transitions>
    				<vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
    			</vsm:VisualStateGroup.Transitions>
    			<vsm:VisualState x:Name="Normal"/>
    			<vsm:VisualState x:Name="MouseOver">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
    						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.1"/>
    					</DoubleAnimationUsingKeyFrames>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
    						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.1"/>
    					</DoubleAnimationUsingKeyFrames>
    					<PointAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="stackPanel" Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)">
    						<SplinePointKeyFrame KeyTime="00:00:00" Value="0.5,0.5"/>
    					</PointAnimationUsingKeyFrames>
    				</Storyboard>
    			</vsm:VisualState>
    			<vsm:VisualState x:Name="Pressed">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
    						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.1"/>
    					</DoubleAnimationUsingKeyFrames>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
    						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.1"/>
    					</DoubleAnimationUsingKeyFrames>
    				</Storyboard>
    			</vsm:VisualState>
    		</vsm:VisualStateGroup>
    		<vsm:VisualStateGroup x:Name="PlayingStates">
    			<vsm:VisualState x:Name="Playing"/>
    			<vsm:VisualState x:Name="NotPlaying">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border1" Storyboard.TargetProperty="(UIElement.Opacity)">
    						<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.65"/>
    					</DoubleAnimationUsingKeyFrames>
    				</Storyboard>
    			</vsm:VisualState>
    		</vsm:VisualStateGroup>
    	</vsm:VisualStateManager.VisualStateGroups>
    	<Border Height="180" Width="120" BorderThickness="1,1,1,1" BorderBrush="{x:Null}" RenderTransformOrigin="0.5,0.5" x:Name="border">
    		<Border.RenderTransform>
    			<TransformGroup>
    				<ScaleTransform/>
    				<SkewTransform/>
    				<RotateTransform/>
    				<TranslateTransform/>
    			</TransformGroup>
    		</Border.RenderTransform>
    		<StackPanel Height="Auto" Width="Auto" x:Name="stackPanel">
			<Border Height="90" Width="120" BorderThickness="0,0,0,0" Background="{x:Null}" BorderBrush="#FF000000" x:Name="border1" VerticalAlignment="Bottom">
    				<Image Height="90" x:Name="imgContent" Width="120" Source="http://pixiestixkidspix.files.wordpress.com/2007/08/cookie-bite-web.jpg" Stretch="Fill" HorizontalAlignment="Center" VerticalAlignment="Bottom"/>
    			</Border>
    			<Image Height="50" HorizontalAlignment="Center" x:Name="imgContentReflection" VerticalAlignment="Top" Width="120" Source="http://pixiestixkidspix.files.wordpress.com/2007/08/cookie-bite-web.jpg" Stretch="Fill" RenderTransformOrigin="0.5,0.5">
    				<Image.RenderTransform>
    					<TransformGroup>
    						<ScaleTransform ScaleY="-1"/>
    						<SkewTransform/>
    						<RotateTransform/>
    						<TranslateTransform/>
    					</TransformGroup>
    				</Image.RenderTransform>
    				<Image.OpacityMask>
    					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    						<GradientStop Color="#6E000000" Offset="1"/>
    						<GradientStop Color="#1EFFFFFF" Offset="0.737"/>
    						<GradientStop Color="#00FFFFFF" Offset="0.527"/>
    					</LinearGradientBrush>
    				</Image.OpacityMask>
    			</Image>
			</StackPanel>    	</Border>
    </Border>
</UserControl>
